﻿<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>添加信息</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">
	<script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
	<script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
	<script src="js/my.js"></script>
	<style>
		html,body{
			width: 100%;
			height: 100%;
			font-size:85%;
		}
		.container{
			width: 90%;
			margin-top: 5%;
		}
		.modal-dialog{
			width:80%;
			margin-top: 10%;
		}
		.modal,.modal-dialog,.modal-content{
			background-color: white;
		}
		.choose{
			color: #6699FF;
		}
		#staffName{
			border:1px solid #FF6699;
		}
		.chooseDepartment{
			display:none;
		}
		td{
			width:auto;
		}
		select{
			width:100%;
		}
	</style>
</head>
<body>
	
	
<div class="container">
	
	<div class="list-group">
		<a href="#" class="list-group-item active">
			<h4 class="list-group-item-heading">
				第一步：选择人员
			</h4>
		</a>
		<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
							&times;
						</button>
						<h4 class="modal-title" id="myModalLabe2">
							请输入人员姓名查询（支持半模糊查询）
						</h4>
						<div class="input-group">
							<input type="text" class="form-control" id="staffName" autofocus="autofocus">
							<span class="input-group-btn">
								<button class="btn btn-default" type="button" onclick="searchStaff()">
									查询
								</button>
							</span>
						</div>
					</div>
					
					
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
							&times;
						</button>
						<button onclick="chooseDepartment(0)" class="btn btn-default" type="button" data-toggle="modal" data-target="#myModal1">
							点此新建教学部门人员
						</button>
						<button onclick="chooseDepartment(1)" class="btn btn-default" type="button" data-toggle="modal" data-target="#myModal1">
							点此新建行政部门人员
						</button>
						<button onclick="chooseDepartment(2)" class="btn btn-default" type="button" data-toggle="modal" data-target="#myModal1">
							点此新建党群部门人员
						</button>
						<button onclick="chooseDepartment(3)" class="btn btn-default" type="button" data-toggle="modal" data-target="#myModal1">
							点此新建教辅及其它部门人员
						</button>
						<button onclick="chooseDepartment(4)" class="btn btn-default" type="button" data-toggle="modal" data-target="#myModal1">
							点此新建校领导
						</button>
					</div>
					
					
					<div class="modal-body">
						<form id="searchStaff">
							<table class="table table-striped table-bordered table-hover table-condensed">
								<thead>
									<tr>	
										<th>人员编号</th>
										<th>姓名</th>
										<th>身份证号</th>
										<th>性别</th>
										<th>民族</th>
										<th>政治面貌</th>
										<th>学院/部门</th>
										<th>学历</th>
										<th>联系方式</th>
										<th>操作</th>
									</tr>
								</thead>
								<tbody id="tabledata">
									<tr style="display:none">
										<td id="moban"> <span class="glyphicon glyphicon-ok choose" onclick="seaarchPassPort(this)" 
											data-toggle="modal" data-target="#myModal3">选择</span></td>
									</tr>
								</tbody>
							</table>
						</form>
					</div>
					
				</div><!-- /.modal-content -->
	</div>

	<div class="list-group">
		<a href="#" class="list-group-item active">
			<h4 class="list-group-item-heading">
				第二步：选择证件类型
			</h4>
		</a>
		<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
							&times;
						</button>
						
						<h4 class="modal-title" id="myModalLabe2">
							当前已选择人员：
						</h4>
						<div class="input-group">
						<input type="text" id="sssname" class="form-control" disabled="disabled">
						<span class="input-group-btn">
							<button class="btn btn-default" type="button" onclick="" data-dismiss="modal">
								重选
							</button>
						</span>
					</div>
						
						<br><br>
						<div id="idonkonw">
							<h4 class="modal-title" id="myModalLabel333">
								
							</h4>
						</div>
						<h4 class="modal-title" id="myModalLabel222" style="display: none;">
							请选择所使用证件：
							<button type="button" class="btn btn-default" data-toggle="modal" data-target="#myModal2">使用新的证件</button>
						</h4>
						<br><br>
					</div>
					
					
				</div><!-- /.modal-content -->
	</div>

	<div class="list-group">
		<a href="#" class="list-group-item active">
			<h4 class="list-group-item-heading">
				第三步：添加人员出国动态
			</h4>
		</a>
		<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
							&times;
						</button>
						<h4 class="modal-title" id="myModalLabe4">
						</h4>
						<div class="input-group">
						<input type="text" class="form-control" disabled="disabled" id="addActionm">
						<span class="input-group-btn">
							<button class="btn btn-default" type="button" data-dismiss="modal">
								重选
							</button>
						</span>
					</div>
					</div>
					<div class="modal-body">
							<table class="table table-striped table-bordered table-hover table-condensed">
								<thead>
									<tr>
										<th>目的国家</th>
										<th>目的学校</th>
										<th>出国时间</th>
										<th>出访类型</th>
										<th>交流主题</th>
										<th>职称</th>
										<th>行政级别</th>
										<th>职务</th>
										<th>公派/自费</th>
										<th>回国时间</th>
										<th>备注</th>
									</tr>
								</thead>
								<tbody>
									<tr>
										<td id="country" contentEditable="true"></td>
										<td id="college" contentEditable="true"></td>
										<td id="outdate" contentEditable="true"></td>
										<td>
										<select id="outtype">
										  <option value ="volvo">学术交流</option>
										  <option value ="saab">项目合作</option>
										  <option value="opel">研修</option>
										  <option value="audi">访学</option>
										  <option value ="volvo">留学</option>
										  <option value ="saab">其他</option>
										</select>
										</td>
										<td id="subject" contentEditable="true"></td>
										<td>
											<select id="job">
											   <option value ="volvo">正高级</option>
											  <option value ="saab">副高级</option>
											  <option value="opel">中级</option>
											  <option value="audi">初级</option>
											</select>
										</td>
										<td>
											<select id="adl">
											   <option value ="volvo">厅级</option>
											  <option value ="saab">副厅级</option>
											  <option value="opel">处级</option>
											  <option value="audi">副处级</option>
											   <option value="opel">科级</option>
											  <option value="audi">副科级</option>
											   <option value="opel">科员</option>
											  <option value="audi">办事员</option>
											  <option value="audi">其他</option>
											</select>
										</td>
										<td>
											<select id="post">
											   <option value ="volvo">院长</option>
											  <option value ="saab">副院长</option>
											  <option value="opel">院长助理</option>
											  <option value="audi">处长</option>
											   <option value="opel">副处长</option>
											  <option value="audi">学院书记</option>
											   <option value="opel">学院副书记</option>
											  <option value="audi">主任</option>
											  <option value="audi">副主任</option>
											   <option value ="volvo">部长</option>
											  <option value ="saab">副部长</option>
											  <option value="opel">馆长</option>
											  <option value="audi">副馆长</option>
											   <option value="opel">校长</option>
											  <option value="audi">副校长</option>
											   <option value="opel">校党委书记</option>
											  <option value="audi">校党委副书记</option>
											  <option value="audi">校长助理</option>
											   <option value="audi">科长</option>
											    <option value="audi">副科长</option>
											     <option value="audi">其他</option>
											</select>
										</td>
										<td id="costby" contentEditable="true"></td>
										<td id="backdate" contentEditable="true"></td>
										<td id="remake" contentEditable="true"></td>
									</tr>
								</tbody>
							</table>
					</div>
					<div class="modal-footer">
					<button type="button" class="btn btn-primary" data-dismiss="modal" onclick="addAction()">
						确定添加
					</button>
				</div>
				</div><!-- /.modal-content -->
	</div>


	<div class="modal fade" id="myModal1" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
						&times;
					</button>
					<h4 class="modal-title" id="myModalLabe5">
					</h4>
					<div class="input-group">
					<input type="text" class="form-control" disabled="disabled">
					<span class="input-group-btn">
						<button class="btn btn-default" type="button" data-dismiss="modal">
							重选
						</button>
					</span>
				</div>
				</div>
				<div class="modal-body">
					<table class="table table-striped table-bordered table-hover table-condensed">
						<thead>
							<tr>
								<th>姓名</th>
								<th>身份证号</th>
								<th>性别</th>
								<th>民族</th>
								<th>政治面貌</th>
								<th>学院/部门</th>
								<th>最后学历</th>
								<th>联系方式</th>
							</tr>
						</thead>
						<tbody>
							<tr>
								<td id="name" contentEditable="true"></td>
								<td id="personid" contentEditable="true"></td>
								<td>
									<select id="sex">
									  <option value ="volvo">男</option>
									  <option value ="saab">女</option>
									</select>
								</td>
								<td>
									<select id="nation">
									  <option value ="volvo">汉族</option>
									  <option value ="saab">维吾尔族</option>
									  <option value="opel">回族</option>
									  <option value="audi">蒙古族</option>
									  <option value ="volvo">哈萨克族</option>
									  <option value ="saab">满族</option>
									  <option value="opel">锡伯族</option>
									  <option value="audi">塔吉克族</option>
									  <option value ="volvo">柯尔克孜族</option>
									  <option value ="saab">乌孜别克族</option>
									  <option value="opel">塔塔尔族</option>
									  <option value="audi">俄罗斯族</option>	  
									  <option value ="volvo">壮族</option>
									  <option value ="saab">彝族</option>
									  <option value="opel">达斡尔族</option>
									  <option value="audi">东乡族</option>
									  <option value ="volvo">藏族</option>
									  <option value ="saab">鄂伦春族 </option>			  
									  <option value="opel">羌族</option>
									  <option value="audi">朝鲜族</option>
									  <option value ="volvo">土家族</option>
									  <option value ="saab">哈尼族</option>
									  <option value="opel">傣族</option>
									  <option value="audi">布朗族 </option>
									   <option value="opel">其他</option>
									</select>
								</td>
								<td>
									<select id="face">
									   <option value ="volvo">中共党员</option>
									  <option value ="saab">共青团员</option>
									  <option value="opel">群众</option>
									  <option value="audi">九三学社</option>
									   <option value="opel">民盟</option>
									  <option value="audi">民建</option>
									   <option value="opel">农工党</option>
									  <option value="audi">致公党</option>
									   <option value="opel">民革</option>
									  <option value="audi">台湾民盟</option>
									  <option value="audi">其他</option>
									</select>
								</td>
								<td>
									<select class="chooseDepartment">
									  <option value="audi">马克思主义学院</option>
									   <option value="opel">商学院</option>
									  <option value="audi">法学院</option>
									   <option value="opel">政治与公共管理学院</option>
									  <option value="audi">民族学与社会学学院</option>
									  <option value ="volvo">教育科学学院</option>
									  <option value ="saab">文学院</option>
									  <option value="opel">历史学院</option>
									  <option value="audi">语言学院</option>
									   <option value="opel">外国语学院</option>
									  <option value="audi">国际文化交流学院</option>
									   <option value="opel">数学科学学院</option>
									  <option value="audi">物理电子工程学院</option>
									   <option value="opel">计算机科学技术学院</option>
									  <option value="audi">地理科学与旅游学院</option>
									  <option value="audi">化学化工学院</option>
									  <option value ="volvo">生命科学学院</option>
									  <option value ="saab">体育学院</option>
									  <option value="opel">音乐学院</option>
									  <option value="audi">美术学院</option>
									   <option value="opel">初等教育学院</option>
									  <option value="audi">继续教育学院</option>
									   <option value="opel">网络教育学院</option>
									  <option value="audi">教师培训学院</option>
									   <option value="opel">青年政治学院</option>
									  <option value="audi">预科学院</option>
									  <option value="opel">新疆旅游培训学院</option>
									  <option value="opel">其他</option>
									</select>
									
									<select class="chooseDepartment">
									  
									  
									  <option value="audi">人事处</option>
									  <option value ="volvo">科研处</option>
									  <option value ="saab">研究生处</option>
									  <option value="opel">审计处</option>
									  <option value="audi">发展规划处</option>
									   <option value="opel">教务处</option>
									   <option value="opel">计划财务处</option>
									  <option value="audi">资产管理处</option>
									  <option value="audi">综合办公室</option>
									  <option value ="volvo">信息管理中心</option>
									  <option value ="saab">后勤管理处</option>
									  <option value="opel">国际合作交流处</option>
									  <option value="audi">图书馆</option>
									   <option value="opel">校长办公室</option>
									   <option value="audi">学生处</option>
									   <option value="audi">大学生就业指导中心</option>
									   <option value="audi">保卫处</option>
									   <option value="audi">国际化领导小组办公室</option>
									   <option value="audi">汉语国际教育办公室</option>
									   <option value="audi">校办产业管理办公室</option>
									   <option value="audi">实验室与设备管理处</option>
									   <option value="audi">温泉校区建设指挥部</option>
									   <option value="audi">文光校区综合管理办公室</option>
									   <option value="audi">温泉校区综合办公室</option>
									   <option value="audi">走出去工作领导小组办公室</option>
									  <option value="audi">其他</option>
									</select>
																		
									<select class="chooseDepartment">
									  <option value ="volvo">党委办公室</option>
									  <option value ="saab">组织部</option>
									  <option value="opel">宣传部</option>
									  <option value="audi">纪检委办公室</option>
									   <option value="opel">团委</option>
									  <option value="audi">武装部</option>
									   <option value="opel">学生工作部</option>	 
									   <option value="opel">统战部</option>
									   <option value="opel">工会</option>
									   <option value="opel">监察室</option>
									    <option value="opel">其他</option>
									</select>
																	
									<select class="chooseDepartment">
									  <option value ="volvo">图书馆</option>
									  <option value ="saab">学报编辑部</option>
									  <option value="opel">双语教育研究编辑部</option>
									  <option value="audi">附属中学</option>
									   <option value="opel">校医院</option>
									  <option value="audi">师资培训中心</option>
									   <option value="opel">学术交流中心</option>
									  <option value="audi">双语师资培训中心</option>
									   <option value="opel">高等学校师资培训中心</option>
									  <option value="audi">离退休职工管理服务中心</option>
									  <option value ="volvo">后勤服务中心</option>
									  <option value ="saab">国家大学生文化素质教育基地</option>
									  <option value="opel">大学生心理健康教育咨询与研究中心</option>
									  <option value="audi">中亚研究院</option>
									   <option value="opel">黄文弼中心</option>
									  <option value="audi">玛纳斯研究中心</option>
									   <option value="opel">沙漠藻研究中心</option>
									  <option value="audi">自治区教师资格认定中心</option>
									   <option value="opel">新疆大学生思想政治教育中心</option>
									   <option value="opel">其他</option>
								
									</select>
									
									<select class="chooseDepartment">
										<option>校领导</option>
									</select>
									
								</td>
								<td>
									<select id="education">
									  <option value ="volvo">专科</option>
									  <option value ="saab">本科</option>
									  <option value="opel">硕士</option>
									  <option value="audi">博士</option>
									</select>
								</td>
								<td id="contact" contentEditable="true"></td>
							</tr>
						</tbody>
					</table>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-primary cancel" data-dismiss="modal">
						取消
					</button>
					<button type="button" class="btn btn-primary" data-dismiss="modal" onclick="addStaff()">
						确定添加
					</button>
				</div>
			</div><!-- /.modal-content -->
		</div><!-- /.modal -->
	</div>
	
	<div class="modal fade" id="myModal2" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
						&times;
					</button>
					<h4 class="modal-title" id="myModalLabe6">
					</h4>
					<div class="input-group">
					<input type="text" class="form-control" disabled="disabled">
					<span class="input-group-btn">
						<button class="btn btn-default" type="button" data-dismiss="modal">
							重选
						</button>
					</span>
				</div>
				</div>
				<div class="modal-body">
					<table class="table table-striped table-bordered table-hover table-condensed">
						<thead>
							<tr>
								<th>证件号</th>
								<th>证件类型</th>
								<th>发证日期</th>
								<th>有效期</th>
								<th>上交证件日期</th>
							</tr>
						</thead>
						<tbody>
							<tr>
								<td id="id" contentEditable="true"></td>
								<td>
									<select  id="kind">
									  <option value ="volvo">身份证</option>
									  <option value ="saab">公务护照</option>
									  <option value ="saab">因私护照</option>
									  <option value="opel">因公港澳通行证</option>
									  <option value="audi">因私台湾通行证</option>
									  <option value="opel">因私港澳通行证</option>
									  <option value="audi">因公台湾通行证</option>
									</select>
								</td>
								<td id="startdate" contentEditable="true"></td>
								<td id="enddate" contentEditable="true"></td>
								<td id="returndate" contentEditable="true"></td>
							</tr>
						</tbody>
					</table>
				</div>
				<div class="modal-footer">
					<button type="button" id="canceled" class="btn btn-primary cancel" data-dismiss="modal">
						取消
					</button>
					<button type="button" class="btn btn-primary" onclick="addPassPort()">
						确定添加
					</button>
				</div>
			</div><!-- /.modal-content -->
		</div><!-- /.modal -->
	</div>


	<center>
		<a href="index.html"><button type="button" class="btn btn-primary btn-lg glyphicon glyphicon-chevron-left">返回主页</button></a>
	</center>


</div>
	

</body>
	<script>
		$(function () { 
			$(function () { $("[data-toggle='tooltip']").tooltip(); });
		});
		
	</script>
</html>